<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,
    user-scalable=0/">
  <title>QQ轻聊版</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/normalize.css">
</head>
<body>
  <div class="box w">
    <!-- 头部制作 start-->
    <header class="header w">
      <div class="h_son">
        <span class="item1">
          <a href="#">
            <img src="images/icon_1.png" alt="">
            <em>QQ轻聊版</em>
          </a>
        </span>
        <span class="item2">
          <a href="#">
            <img src="images/icon_2.png" alt="">
          </a>
          <a href="#">
            <img src="images/icon_3.png" alt="">
          </a>  
          
        </span>
      </div>
    </header>
    <!--头部制作 end-->

    <!-- 导航栏 start -->
    <nav class="nav w">
      <ul id="nav_ul">
        <li  id="nav_li1"><a href="index.html">消息</a></li>
        <li><a href="touch.html">联系人</a></li>
        <li><a href="wo.html">我</a></li>
      </ul>
    </nav>
    <!-- 导航栏 end -->
    
    <!-- 内容区 -->
    <div class="con w">
      <ul>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>
        <li>
          <img src="images/icon_8.png" alt="">
          <span>
            <em>现代JS教程.二群</em><br>
            <p>小白: helloWord</p>
          </span>
          <div class="con_left">
            <p>下午2:44</p><br>
            <i>24</i>
          </div>
        </li>

        
       



      </ul>
    </div>
  </div>

  <script src="js/index.js"></script>
</body>
</html>